<script setup lang='ts'>
import { ref, watch } from 'vue';
const prop = defineProps({
  value: {
    type: String,
    default: ""
  }
});
const values = ref("")
watch(prop, newval => {
  values.value = newval.value
}, { deep: true, immediate: true })
</script>

<template>
  <div class="main">
    <!-- 车险 -->
    <div class="main_desinfo" v-if="values === '车险'">
      <p class="desinfo_title">一、费率表</p>
      <img src="@/assets/studen/images/cartmsg_1.png" />
      <img src="@/assets/studen/images/cartmsg_2.png" />
      <img src="@/assets/studen/images/cartmsg_3.png" />
      <img src="@/assets/studen/images/cartmsg_5.png" />
      <img src="@/assets/studen/images/cartmsg_6.png" />
      <p class="desinfo_title"> 二、各险种保费计算方法</p>
      <dl>
        <dt>（一）交强险</dt>
        <dd>按照被保险车辆类别、车辆用途、座位数/吨位数直接查找保费。</dd>
      </dl>
      <dl>
        <dt>（一）第三者责任保险</dt>
        <dd>1.按照被保险车辆类别、车辆用途、座位数/吨位数、责任限额直接查找保费</dd>
        <dd>2.特种车分类：</dd>
        <dd>特种车一：油罐车、汽罐车、液罐车；</dd>
        <dd>特种车二：专用净水车、特种车一以外的罐式货车，以及用于清障、清扫、清洁、起重、装卸、升降、搅拌、 挖掘、推土、冷藏、保温等的各种专用机动车</dd>
        <dd>特种车三：装有固定专用仪器设备从事专业工作的监测、消防、运钞、医疗、电视转播等的各种专用机动车；</dd>
        <dd>特种车四：集装箱拖头。</dd>
      </dl>
      <dl>
        <dt>（三）机动车损失保险</dt>
        <dd>1.按照被保险车辆类别、车辆用途、座位数/吨位数、车辆使用年限所属档次查找基础保费和费率；</dd>
        <dd>保费 ＝ 基础保费 ＋ 保险金额 × 费率。</dd>
      </dl>
      <dl>
        <dt>（四）车上人员责任险</dt>
        <dd>按照被保险车辆类别、车辆用途、座位数查找费率；</dd>
        <dd>驾驶人保费 = 每次事故责任限额 × 费率</dd>
        <dd>乘客保费 = 每次事故每人责任限额 × 费率 × 投保乘客座位数</dd>
      </dl>
      <dl>
        <dt>（五）盗抢险</dt>
        <dd>按照被保险车辆类别、车辆用途、座位数查找基础保费和费率；</dd>
        <dd>保费 ＝ 基础保费 ＋ 保险金额 × 费率</dd>
      </dl>
      <dl>
        <dt>（六）玻璃单独破碎险</dt>
        <dd>按照被保险车辆类别、座位数、投保国产/进口玻璃查找费率；</dd>
        <dd>保费 ＝ 新车购置价 × 费率</dd>
        <dd>注：对于特种车，防弹玻璃等特殊材质玻璃标准保费上浮10%。</dd>
      </dl>
      <dl>
        <dt>（七）车身划痕损失险</dt>
        <dd>按车龄、新车购置价、保额所属档次直接查找保费。</dd>
      </dl>
      <dl>
        <dt>（八）火灾、自燃、爆炸损失险</dt>
        <dd>保费 ＝ 保险金额×0.3%。</dd>
      </dl>
      <p class="desinfo_title"> 三、其他</p>
      <dl>
        <dd>在费率表中，凡涉及分段的陈述都按照“含起点不含终点”的原则来解释。</dd>
        <dd>例如：“6座以下”的含义为5座、4座、3座、2座、1座，不包含6座；</dd>
        <dd>“6-10座”的含义为6座、7座、8座、9座，不包含10座；</dd>
        <dd> “20座以上”的含义为20座、21座、…，包含20座；</dd>
        <dd> “10万以下”不包含10 万；</dd>
        <dd> “10-20万”包含10万，不包含20万；</dd>
        <dd> “20万以上”包含20万。</dd>
      </dl>
    </div>
    <!-- 健康-意外险 -->
    <div class="main_desinfo" v-else>
      <p class="desinfo_title">一、意外表（中国保险业意外伤害经验发生率表(2021)）</p>
      <img src="@/assets/studen/images/cartmsg_7.png" />
      <p class="desinfo_tips">注：按照性别和年龄对应查找。</p>
      <img src="@/assets/studen/images/cartmsg_8.png" />
      <p class="desinfo_tips">注：按照性别和年龄所属年龄段查找。</p>
      <img src="@/assets/studen/images/cartmsg_9.png" />
      <p class="desinfo_tips">注：职业风险等级对应职业，1级-1类职业，2级-2类职业，3级-3类职业，4级-4类职业，5级-5类职业，6级-6类职业。</p>
      <p class="desinfo_tips">1类职业：公务员、前台、会计、文案编辑、设计、教师、律师、程序员等；</p>
      <p class="desinfo_tips">2类职业：导游、推销员、业务员、清洁工人等；</p>
      <p class="desinfo_tips">3类职业：维修工人、农业牧业工人、地质探测员、小客车司机等；</p>
      <p class="desinfo_tips">4类职业：电工、中小型货车司机、水电工、铁路维修工等；</p>
      <p class="desinfo_tips">5类职业：油井工人、高空作业工人、电力作业工人、现金押解员等；</p>
      <p class="desinfo_tips">6类职业：伐木工人、钢骨结构工人、高空焊工、楼宇拆除、消防员、赛车手、地下采矿工人、隧道工程建设人员等。</p>
      <p class="desinfo_title">二、生命表（中国人身保险业经验生命表(2010－2013)）</p>
      <img src="@/assets/studen/images/cartmsg_10.png" />
      <p class="desinfo_tips">注：健康险预定发生率按照生命表非养老类业务一表查找。</p>
      <p class="desinfo_title">三、保费计算</p>
      <img src="@/assets/studen/images/cartmsg_11.png" />
      <dl>
        <dt>（一）预定利率（3%）</dt>
        <dd>保险期间一年以上的产品，保险公司在厘定保险费时，应根据公司历史投资回报率经验和对未来的合理预期及产品特性按照审慎原则确定预定利率。</dd>
      </dl>
      <dl>
        <dt>（二）预定发生率（意外表、生命表）</dt>
        <dd>保险公司在厘定保险费时，应以公司实际经验数据和行业公开发布的经验发生率表等数据为基础，同时考虑未来的趋势和风险变化，按照审慎原则确定预定发生率。</dd>
      </dl>
      <dl>
        <dt>（三）预定附加费用率</dt>
        <dd>
          保险公司在厘定保险费时，各保单年度的预定附加费用率由保险公司自主设定，但平均附加费用率不得超过下表规定的上限。平均附加费用率是指保单各期预定附加费用精算现值之和占保单毛保费精算现值之和的比例。（期交：投保人分期交纳保费，趸交：投保人一次交清所有的保费；本平台保费计算默认均按趸交方式。）
        </dd>
      </dl>
    </div>
  </div>
</template>

<style scoped lang="scss">
.main {
  width: 100%;
  height: 100%;
}

.main_desinfo {
  user-select: none;

  .desinfo_title {
    font-size: 16px;
    text-align: left;
    line-height: 32px;
    font-weight: bold;
  }

  .desinfo_tips {
    text-align: left;
    text-indent: 20px;
  }

  img {
    margin-bottom: 10px;
  }

  dl {
    text-align: left;

    dt {
      font-size: 14px;
      font-weight: bold;
    }

    dd {
      text-indent: 20px;
      line-height: 24px;
    }
  }
}
</style>
